<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 3.新制作一个注册页面，要求：
		      3.1 包含用户名，密码，性别，学院，爱好，自我介绍及提交按钮
		      3.2 包含:输入框，密码框，单选框，多选框，文本域，下拉列表
		      3.3 每个需要提交的标签都要有name值
		      3.4 按照name的方式查找各个元素
		      3.5 按照标签的方式查找各个元素 -->

			  用户名：<input type="text" name="user" id="" value=""><br>
			  密码: <input type="password" name="psd" id="" value=""><br>
			  性别：<select name="sex" id="">
				  <option value="man">男</option>
				  <option value="nv">女</option>
			  </select><br>
			  学院：<select name="xueyuan" id="">
				  <option value="app">软件工程学院</option>
			  </select><br>
			  爱好：<select name="love" id="">
				  <option value="song">唱歌</option>
				  <option value="eat">吃东西</option>
				  <option value="watch">看电视</option>
			  </select><br>
			  自我介绍：<textarea name="jieshao" id="" cols="30" rows="10"></textarea><br>
			  <input type="submit" name="tijiao" id="">
	</body> 
	<script type="text/javascript">
	// 3.4 按照name的方式查找各个元素
		var usernmae=document.getElementsByName('user');
		console.log(username);
		var userpwd =document.getElementsByName('password');
		console.log(userpwd);
		var usersex	=document.getElementsByName('sex');
		console.log(usersex);
		var userxueyuan =document.getElementsByName('xueyuan');
		console.log(userxueyuan);
		var aihao=document.getElementsByName('love');
		console.log(aihao);
		var zwjs	=document.getElementsByName('jieshao');
		console.log(zwjs);
		var usersubmit_10 =document.getElementsByName('tijiao');
	
		// 3.5 按照标签的方式查找各个元素
        var input1=document.getElementsByTagName('input');
        console.log(input1);
        var select1=document.getElementsByTagName('select');
        console.log(select1);
        var option1=document.getElementsByTagName('option');
        console.log(option1);
        var textarea1=document.getElementsByTagName('textarea');
        console.log(textarea1);
	</script>








</html>
